﻿@{
    ViewBag.Title = "test2";
}

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a><a href="#" class="brand">网站名</a>
                        <div class="nav-collapse collapse navbar-responsive-collapse">
                            <ul class="nav">
                                <li class="active">
                                    <a href="#">主页</a>
                                </li>
                                <li>
                                    <a href="#">链接</a>
                                </li>
                                <li>
                                    <a href="#">链接</a>
                                </li>
                                <li class="dropdown">
                                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="#">下拉导航1</a>
                                        </li>
                                        <li>
                                            <a href="#">下拉导航2</a>
                                        </li>
                                        <li>
                                            <a href="#">其他</a>
                                        </li>
                                        <li class="divider"></li>
                                        <li class="nav-header">标签
                                        </li>
                                        <li>
                                            <a href="#">链接1</a>
                                        </li>
                                        <li>
                                            <a href="#">链接2</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                            <ul class="nav pull-right">
                                <li>
                                    <a href="#">右边链接</a>
                                </li>
                                <li class="divider-vertical"></li>
                                <li class="dropdown">
                                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="#">下拉导航1</a>
                                        </li>
                                        <li>
                                            <a href="#">下拉导航2</a>
                                        </li>
                                        <li>
                                            <a href="#">其他</a>
                                        </li>
                                        <li class="divider"></li>
                                        <li>
                                            <a href="#">链接3</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">

            <div class="carousel slide" id="carousel-257213">
                <ol class="carousel-indicators">
                    <li class="active" data-slide-to="0" data-target="#carousel-257213"></li>
                    <li data-slide-to="1" data-target="#carousel-257213" class=""></li>
                    <li data-slide-to="2" data-target="#carousel-257213" class=""></li>
                </ol>
                <div class="carousel-inner" style="width: 100%; height: 400px;">
                    <div class="item active">
                        <img alt="" src="~/Images/1.jpg">
                        <div class="carousel-caption" contenteditable="true">
                            <h4>棒球</h4>
                            <p>棒球运动是一种以棒打球为主要特点，集体性、对抗性很强的球类运动项目，在美国、日本尤为盛行。</p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="~/Images/2.jpg">
                        <div class="carousel-caption" contenteditable="true">
                            <h4>冲浪</h4>
                            <p>冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。</p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="~/Images/3.jpg">
                        <div class="carousel-caption" contenteditable="true">
                            <h4>自行车</h4>
                            <p>以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。</p>
                        </div>
                    </div>
                </div>
                <a data-slide="prev" href="#carousel-257213" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-257213" class="right carousel-control">›</a>
            </div>

        </div>
    </div>

    @{
        for (int i = 0; i < 50; i++)
        {    
        <div class="row-fluid">
            <div class="span4">
                <div class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object" src="~/Images/4.jpg" style="width: 50px; height: 50px;" />
                    </a>

                    <div class="media-body" contenteditable="true">
                        <h4 class="media-heading">嵌入媒体标题</h4>
                        请尽量使用HTML5兼容的视频格式和视频代码实现视频播放, 以达到更好的体验效果.
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object" src="~/Images/4.jpg" style="width: 50px; height: 50px;" />
                    </a>

                    <div class="media-body" contenteditable="true">
                        <h4 class="media-heading">嵌入媒体标题</h4>
                        请尽量使用HTML5兼容的视频格式和视频代码实现视频播放, 以达到更好的体验效果.
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object" src="~/Images/4.jpg" style="width: 50px; height: 50px;" />
                    </a>

                    <div class="media-body" contenteditable="true">
                        <h4 class="media-heading">嵌入媒体标题</h4>
                        请尽量使用HTML5兼容的视频格式和视频代码实现视频播放, 以达到更好的体验效果.
                    </div>
                </div>
            </div>
        </div>
        }
    }

</div>
